.c-body
  //- 加载中
  .loadding(:class="loaddingClass")
    .load-txt 加载数据中...
    .load-ico

  //- 加载失败
  .loaded-fail(:class="loadedFailClass") {{loadedFail}}

  //- 加载成功
  div(:class="loadedSuccClass")

    //- 网页内容
    .c-content

      //- 人才招聘详情
      .bread-nav
        .crumbs
          router-link(to='/') 首页 >
          span &nbsp;&nbsp;个人中心

      //- 个人信息
      .c-info-wrapper
        .c-left-side
          c-info-side

        .c-info-right
          .c-info-tit 个人中心
          .c-info-main-1
            .pure-g

              .pure-u-sm-1-1.pure-u-md-1-2.pure-u-1-1.c-user-info
                span.c-key 用户名
                span.c-value {{userInfo.name}}

              .pure-u-sm-1-1.pure-u-md-1-2.pure-u-1-1.c-user-info
                span.c-key 客户编号
                span.c-value {{userInfo.client_id}}

              .pure-u-sm-1-1.pure-u-md-1-2.pure-u-1-1.c-user-info
                span.c-key 真实姓名
                span.c-value(v-if='!userInfo.client_name') -
                span.c-value(v-else) {{userInfo.client_name}}
                a(href='javascript:void' @click.stop.prevent = "onAlterInfoFun('client_name')") 修改

              .pure-u-sm-1-1.pure-u-md-1-2.pure-u-1-1.c-user-info
                span.c-key 证件类型
                span.c-value {{userInfo.id_kind_name}}
                a(href='javascript:void' v-show="userInfo.client_id=='未绑定'" @click.stop.prevent = "onAlterInfoFun('id_info')") 修改

              .pure-u-sm-1-1.pure-u-md-1-2.pure-u-1-1.c-user-info
                span.c-key 证件号码
                span.c-value {{userInfo.id_no}}
                a(href='javascript:void' v-show="userInfo.client_id=='未绑定'" @click.stop.prevent = "onAlterInfoFun('id_info')") 修改

              .pure-u-sm-1-1.pure-u-md-1-2.pure-u-1-1.c-user-info
                span.c-key 证件到期日
                span.c-value(v-if='!userInfo.id_enddate') -
                span.c-value(v-else) {{userInfo.id_enddate}}
                a(href='javascript:void' v-show="userInfo.client_id=='未绑定'" @click.stop.prevent = "onAlterInfoFun('id_enddate')") 修改

              .pure-u-sm-1-1.pure-u-md-1-2.pure-u-1-1.c-user-info
                span.c-key 移动电话
                span.c-value {{userInfo.phone}}
                a(href='javascript:void' @click.stop.prevent = "onAlterInfoFun('phone')") 修改

              .pure-u-sm-1-1.pure-u-md-1-2.pure-u-1-1.c-user-info
                span.c-key 电子邮箱
                span.c-value {{userInfo.email}}
                a(href='javascript:void' @click.stop.prevent = "onAlterInfoFun('email')") 修改

              .pure-u-sm-1-1.pure-u-md-1-2.pure-u-1-1.c-user-info
                span.c-key 职业
                span.c-value(v-if='!userInfo.job') -
                span.c-value(v-else) {{userInfo.job}}
                a(href='javascript:void' @click.stop.prevent = "onAlterInfoFun('job')") 修改

              .pure-u-sm-1-1.pure-u-md-1-2.pure-u-1-1.c-user-info
                span.c-key 联系地址
                span.c-value(v-if='!userInfo.address') -
                span.c-value(v-else) {{userInfo.address}}
                a(href='javascript:void' @click.stop.prevent = "onAlterInfoFun('address')") 修改

            .c-fouth
              .c-risk-result
                .c-risk-tit 风险级别
                .c-risk {{userInfo.risk_level_name}}({{userInfo.risk_level}})
                a.c-repeat-risk(href='javascript:void' @click.stop.prevent='doRiskExam()') 重新测评
              .c-order-result
                .c-order-remind 订单提醒
                .c-order-pay 待支付订单(0)

        //- 清除浮动
        .clear_float

        //- 修改个人信息弹框
        .alter_dialog(:class="{'c-dialog-show': dialogState, 'c-dialog-hide': !dialogState}")
          //- 遮罩层
          .c-mask
          //- 弹窗内容
          .c-dialog
            //- 弹窗头部
            .c-dialog-hd
              strong.c-dialog-title 修改个人信息
              .c-dialog-close(@click.stop.prevent="dialogState = false")
            //- 弹窗内容
            .c-dialog-bd
              .c-alter-form

                //- 修改真实姓名
                .pure-control-group.c-alter-client-name(v-if = "alterType == 'client_name'")
                  div
                    span
                    input(type="text" v-model="alterOpt.client_name" placeholder="真实姓名")

                //- 修改证件类型
                .pure-control-group.c-alter-id-kind(v-if = "alterType == 'id_info'")
                  div
                    span
                    select(type="text" v-model="id_obj")
                      option(:value='item' v-for="item in idCardType") {{item.id_kind_name}}

                //- 修改证件号
                .pure-control-group.c-alter-id-no(v-if = "alterType == 'id_info'")
                  div
                    span
                    input(type="text" v-model="alterOpt.id_no" placeholder="证件号码")

                //- 修改证件到期日
                .pure-control-group.c-alter-id-enddate(v-if = "alterType == 'id_enddate'")
                  div
                    span
                    input(type="date" v-model="alterOpt.id_enddate")

                //- 修改手机号码
                .pure-control-group.c-alter-phone(v-if = "alterType == 'phone'")
                  div
                    span
                    input(type="text" v-model="alterOpt.phone" placeholder="手机号码")

                //- 修改电子邮箱
                .pure-control-group.c-alter-email(v-if = "alterType == 'email'")
                  div
                    span
                    input(type="text" v-model="alterOpt.email" placeholder="电子邮箱")

                //- 修改职业
                .pure-control-group.c-alter-job(v-if = "alterType == 'job'")
                  div
                    span
                    input(type="text" v-model="alterOpt.job" placeholder="职业")

                //- 修改联系地址
                .pure-control-group.c-alter-address(v-if = "alterType == 'address'")
                  div
                    span
                    input(type="text" v-model="alterOpt.address" placeholder="联系地址")

              //- 修改出错提示
              .c-err-info
                span(v-if="'' != errMsg" v-text='errMsg')
            
            //- 弹窗尾巴
            .c-dlg-ft
              button.pure-button.pure-button-primary(href="javascript:;" @click.stop.prevent="onSubmitAlterInfo()") 修改